<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>图书详情</title>
    <link rel="stylesheet" type="text/css" href="{{ static('css/reset.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ static('css/main.css') }}">
    <script type="text/javascript" src="{{ static('js/vue-2.5.16.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/axios-0.18.0.min.js') }}"></script>
    <script src="{{ static('js/jquery-1.12.4.min.js') }}"></script>
</head>
<body>
<div id="app">
    <div class="header_con">
        <div class="header" v-cloak>
            <div class="welcome fl">信阳学院图书馆</div>
            <div class="fr">
                <div v-if="username" class="login_btn fl">
                    欢迎您：<em>[[ username ]]</em>
                    <span>|</span>
                    <a href="{{ url('users:logout') }}">退出</a>
                </div>
                <div v-else class="login_btn fl">
                    <a href="{{ url('users:login') }}">登录</a>
                    <span>|</span>
                    <a href="{{ url('users:register') }}">注册</a>
                </div>
                <div class="user_link fl">
                    <span>|</span>
                    <a href="{{ url('users:info') }}">我的</a>
                </div>
            </div>
        </div>
    </div>
    <div class="search_bar clearfix">
        <a href="{{ url('contents:index') }}" class="logo fl"><img src="{{ static('images/logoz.png') }}"></a>
        <div class="search_wrap fl">
            <form method="get" action="/book_info/" class="search_con">
                <input type="text" class="input_text fl" name="p" placeholder="搜索图书">
                <input type="submit" class="input_btn fr" name="" value="搜索">
            </form>
        </div>
    </div>
    <div class="main_con clearfix">
        <div class="left_menu_con clearfix">
            <h3>图书信息</h3>
            <ul>
                <li>· 详细信息</li>
            </ul>
        </div>
        <div class="right_content clearfix" v-cloak>
            <div class="site_top_con">
                <h1 class="common_title2">图书书名：{{ name }}</h1>

            </div>
            <div class="site_con">
                <div class="site_title">
                    <h3>图书编号：<b>{{ id }}</b></h3>
                    <a href="javascript:;" class="edit_icon"></a>
                </div>
                <ul class="site_list">
                    <li><span>作者：</span><b>{{ author }}</b></li>
                    <li><span>类型：</span><b>{{ type }}</b></li>
                    <li><span>ISBN：</span><b>{{ ISBN }}</b></li>
                    <li><span>出版社：</span><b>{{ pub_hou }}</b></li>
                    <li><span>出版日期：</span><b>{{ pub_date }}</b></li>
                    <li><span>版次：</span><b>{{ edition }}</b></li>
                    <li><span>书架编号：</span><b>{{ serial_num }}</b></li>
                    {% if  state %}
                        <li><span>图书状态：</span><b>已被借出</b></li>
                    {% else %}
                        <li><span>图书状态：</span><b>未被借出 <input type="button" value="借阅" id="btn1"></b></li>
                    {% endif %}

                </ul>
{#            <button>修改图书信息</button>#}
                <div class="down_btn">
                    <a href="javascript:;" class="edit_icon"></a>
                </div>
            </div>
            <div class="down_btn">
                <a href="javascript:;" class="edit_icon"></a>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="foot_link">
        <a href="#">求真</a>
        <span>|</span>
        <a href="#">创新</a>
        <span>|</span>
        <a href="#">勤学</a>
        <span>|</span>
        <a href="#">笃行</a>
    </div>
    <p>CopyRight © 2016 信阳学院图书馆 All Rights Reserved</p>
</div>
<div class="pop_con" v-show="is_show_edit" v-cloak>
    <div class="site_con site_pop">
        <div class="site_pop_title">
            <h3 v-if="editing_address_index">编辑收货地址</h3>
            <h3 v-else>借书清单</h3>
            <a @click="is_show_edit=false">×</a>
        </div>
    </div>
</div>
</div>
<script type="text/javascript">
    let addresses = "";
    let default_address_id = "";
</script>
<script type="text/javascript" src="{{ static('js/common.js') }}"></script>
<script type="text/javascript" src="{{ static('js/book_list.js') }}"></script>
</body>
</html>